<script setup lang="tsx">
import MemberCard from './components/MemberCard.vue'
// import MemberFeeConfig from './components/MemberFeeConfig.vue'
import MemberComboConfig from './components/MemberComboConfig.vue'
import { hasPermission as hasPermis } from '@/components/Permission/src/utils'

const isShowMemberCard = ref(false)
if (hasPermis('GET /memberCard/page')) {
  isShowMemberCard.value = true
}
const isShowMemberFeeConfig = ref(false)
if (hasPermis('GET /memberFeeConfig/page')) {
  isShowMemberFeeConfig.value = true
}
</script>

<template>
  <ElTabs>
    <ElTabPane v-if="isShowMemberCard" label="火动次卡配置">
      <MemberCard />
    </ElTabPane>
    <!-- <ElTabPane v-if="isShowMemberFeeConfig" label="会员费配置">
      <MemberFeeConfig />
    </ElTabPane> -->
    <ElTabPane v-if="isShowMemberFeeConfig" label="会员套餐配置">
      <MemberComboConfig />
    </ElTabPane>
  </ElTabs>
</template>
